<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*标签选择器*/
        p{
            color: red;
        }

        /*通用选择器*/
        *{
            color: green;
        }

        /*#id,id选择器*/
        #p1{
            color: blue;
        }

        /*点类,流泪*/
        .ms{
            color: pink;
        }

        /*优先级:通用选择器 < 标签选择器 < 类选择器 < ID选择器,(不用记,很容易想明白,范围越大优先级越低,否则范围小的无法显示)*/
    </style>
</head>
<body>
<p id="p1">字体1</p>
<p id="p2">字体2</p>
<p class="ms">字体3</p>
<p class="ms">字体4</p>
<div>字体5</div>
</body>
</html>